Что такое семантическая вёрстка
Метатеги — это теги, содержащие в себе информацию,
которая предназначена для браузеров, поисковых систем,
программного обеспечения и сервисов, которые так или иначе могут взаимодействовать с вашим веб-приложением (сайтом).
<head>
head
head - предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными.
<body>
body
body - предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера.
<header>
header
header - задаёт шапку сайта или раздела веб-страницы. Внутри шапки сайта обычно располагается логотип, название сайта, поисковая форма, навигационные ссылки и др.
<main>
main
main - Содержимое внутри элемента должно быть уникальным для документа.
<footer>
footer
footer - представляет собой нижний колонтитул (футер, подвал) для своего ближайшего секционного контента или секционного корня.
<nav>
nav
nav - предназначен как для навигации всего сайта, так и для навигации внутри страницы (верхнее и вспомогательное меню).
< article >
article
article - представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для независимого распространения или повторного использования.
< section >
section
section - примерами разделов могут быть главы, различные страницы с вкладками в диалоговом окне с вкладками или пронумерованные разделы диссертации.
< aside >
aside
aside - когда в статье по какой-либо тематике есть отступление на другие темы, не связанные с основным смыслом статьи.
< теги h1-h6 >
теги h1-h6
теги h1-h6 - для создания основной структуры текста используют заголовки. В HTML существует целое семейство заголовочных тегов: от h1 до h6.
< hgroup >
hgroup
hgroup - Заголовок раздела, который состоит из всех дочерних элементов элемента h1.
< figcaption >
figcaption
figcaption - определяет заголовок для figure элемента.
<figure >
figure
figure - оболочка контейнер для картинок и медиа
<details >
details
details - Указывает дополнительные сведения, которые пользователь может просматривать или скрывать по требованию (применим для блоков спойлеров).
<time >
time
time - Определяет читаемую человеком дату и время.
<mark >
mark
mark - определяет помеченный текст (вместо тега span).
<blockquote >
blockquote
blockquote - Предназначен для выделения длинных цитат внутри документа.
<address >
address
address - Предназначен для хранения информации об авторе и может включать в себя любые элементы HTML вроде ссылок, текста, выделений и т.д.
<cite >
cite
cite - помечает текст сноску на другой материал. (ссылка на другой сайт)